.headArea{
	height: var(--size80);
	background-color: white;
	padding: var(--size10) var(--size15);
	position: relative;
}
.headTitle{
	width: 100%;
	font-size: var(--size14);
	font-weight: 600;
	color: var(--textColor);
	line-height: var(--size20);
}
.headLine{
	display: flex;
	font-size: var(--size12);
	color: #BBBBBB;
	line-height: var(--size20);
}
.statusIcon{
	position: absolute;
	right: var(--size15);
	bottom: var(--size15);
}
.statusIcon .nurfont{
	font-size: var(--size36);
	color: var(--mainColor);
}
#wrapper {
	top: calc(44px + var(--size90));
	background-color: var(--bgColor);
}
.leftText{
	width: var(--size100);
	text-align: right;
}
.rightText{
	width: calc(100% - var(--size100));
	padding-left: 5px;
}
.mui-table-view{
	background-color: transparent;
}
.mui-table-view{
	margin: var(--size15);
	margin-top: 0;
	width: calc(100% - var(--size30));
	background-color: white;
	border-radius: 6px;
	overflow: hidden;
}
.mui-table-view-cell{
	padding: var(--size10);
	margin: 0;
	font-size: var(--size13);
}
#middleUL .mui-table-view-cell,#middleULPat .mui-table-view-cell{
	display: flex;
}
.mui-table-view-cell .leftText{
	color: #B6B6B6;
}

.mui-table-view:before,.mui-table-view:after{
	height: 0;
}

.mui-table-view-cell.mui-active {
    background-color: white;
}
/* 审批流程 */
#processUL .mui-table-view-cell::after,
.processUL .mui-table-view-cell::after{
	height: 0;
}
#processUL .mui-table-view-cell,.processUL .mui-table-view-cell{
	position: relative;
	padding-left: 40px;
	color: #BBBBBB;
}
.processIcon{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	height: 100%;
}
.processIcon::before,.processIcon::after{
	position: absolute;
	content: '';
	left: calc(50% - 1px);
	top: 0;
	bottom: auto;
	width: 1px;
	height: var(--size10);
	background-color: #E0E3EA;
}
.processIcon::after{
	top: auto;
	bottom: 0;
	height: calc(100% - var(--size10) - 20px);
}
.mui-table-view-cell:last-child .processIcon::after,
.mui-table-view-cell:first-child .processIcon:before{
	height: 0;
}
.processIcon .nurfont{
	width: 30px;
	height: 20px;
	font-size: 20px;
	position: absolute;
	top: var(--size10);
	text-align: center;
	line-height: 20px;
}
.processIcon .nurfont.nur-zanting{
	transform: rotate(90deg);
}

.oneline{
	display: flex;
	font-size: var(--size12);
}
.oneline .dealName{
	width: calc(100% - 60px);
	padding-right: var(--size15);
}
.oneline .dealDate{
	white-space: nowrap;
	text-align: right;
}
.dealLoc{
	font-size: 10px;
	width: 100%;
	color: #BBBBBB;
	line-height: 1.5;
}
#processUL .mui-table-view-cell.dealing,.processUL .mui-table-view-cell.dealing {
	color: goldenrod;
}
#processUL .mui-table-view-cell.pass,.processUL .mui-table-view-cell.pass{
	color: green;
}
#processUL .mui-table-view-cell.refuse,.processUL .mui-table-view-cell.refuse{
	color: orangered;
}

.statusIcon .nurfont.nur-statusS{
	transform: rotate(20deg);
	font-size: var(--size32);
}
.statusIcon .nurfont.nur-statusA{
	color: green;
}
.statusIcon .nurfont.nur-statusB{
	color: red;
}

/* 附件 */
.rightText .fileLine{
	position: relative;
	margin-bottom: var(--size5);
}
.rightText .detailImg{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: var(--size24);
	width: var(--size24);
	text-align: center;
}
.rightText .detailImg:first-child{
	z-index: 2;
	background-color: white;
}
.rightText .detailImg img{
	display: inline-block;
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit:contain;
}
.rightText .fileName{
	margin-left: var(--size32);
	width: calc(100% - var(--size32));
	font-size: 12px;
}
.rightText .onlyImg{
	display: inline-block;
	height: var(--size80);
	width: var(--size80);
	position: relative;
	border: solid 1px #efefef;
	text-align: center;
	margin-top: 8px;
	margin-right: 8px;
	overflow: initial;
}
.rightText .onlyImg img{
	display: inline-block;
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit:contain;
}
.rightText .PDFfile{
	width: 100%;
	font-size: 13px;
	color: var(--mainColor);
}
.rightText .otherFile{
	width: 100%;
	font-size: 13px;
}
/* 科研统计中的详情 */
#middleUL .mui-table-view-cell.notFlex{
	display: block;
}
#middleUL .mui-table-view-cell.notFlex .leftText{
	width: 100%;
	text-align: left;
	padding: 0 var(--size15);
}
#middleUL .mui-table-view-cell.notFlex .rightText{
	width: 100%;
	padding: 0 var(--size15);
}
